<template>
    <div class="wrapper">
        <NPMSMenu style="padding-top: 80px;"/>
        <div class="sider-bottom">
            <div>

                <svg xmlns="http://www.w3.org/2000/svg" viewBox="64 64 896 896" width="24" height="24"
                     style="fill: rgba(255, 255, 255, 1);border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined"
                     filter="none">
                    <path
                        d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zm-600 72h560v208H232V136zm560 480H232V408h560v208zm0 272H232V680h560v208zM304 240a40 40 0 1 0 80 0 40 40 0 1 0-80 0zm0 272a40 40 0 1 0 80 0 40 40 0 1 0-80 0zm0 272a40 40 0 1 0 80 0 40 40 0 1 0-80 0z"></path>
                </svg>
            </div>
            <div style="margin-left: 7px">
                User Workspace
            </div>


        </div>
    </div>
</template>
<!--主页面中的左侧边栏-->
<script>
import NPMSMenu from "@/components/NPMSMenu/NPMSMenu";
export default {
    name: "Sider",
    components: {NPMSMenu}
}
</script>

<style scoped>
.wrapper {

    width: 251px;
    height: 100%;
    line-height: 20px;
    border-radius: 0px 100px 0px 0px;
    background-color: rgba(30, 101, 179, 100);
    color: rgba(16, 16, 16, 100);
    font-size: 14px;
    text-align: center;
    font-family: Roboto;
}

.sider-bottom {
    position: absolute;
    bottom: 20px;
    opacity: 0.7;
    line-height: 32px;
    font-size: 16px;
    color: white;
    text-align: center;
    display: flex;
    margin-left: 32px;


}
</style>